<template>
    <p>这是一个父组件</p>
    <p>{{ msg }}</p>
    <Children :info="msg" @changeParent="changeMsg"/>
</template>


<script>
import Children from "./Children.vue"

export default{
    name:"Parent",
    data(){
        return{
            msg:"这是父组件的信息"
        }
    },
   components:{
    Children
   },
   methods:{
    changeMsg(value){
        this.msg=value
    }
   }
}



</script>

<style scoped>
p{
    color: brown;
}
</style>